.yiz{
    width: 100vw;
    height: 120vh;
    background-color: #f2f2f2;
    .nav{
        width: 100vw;
        background-color: #ffffff;
    }
    .biao{
        margin-top: 10px;
        width: 100vw;
        display: flex;
        justify-content: space-between;
        .wen{
            margin-left: 10px;
            font-weight: bold;
            font-size: 13px;
        }
    }

    .day{
        display: flex;
        width: 100vw;
        height: 50px;
        background-color: #ffffff;
        margin-top: 20px;
        .d1{
           padding-top: 8px;
            width:10vw;
            height: 10px;
            margin-left: 10px;
            color: blue;
        }
        .d2{
            width: 40px;
            height: 40px;
            margin-left: 40px;
            margin-top: 7px;
            &:hover{
                background-color: aqua;
                color: white;
            }
        }
        
        /* 选中状态的样式 */
        .active {
            background-color: #1677ff;
            color: #ffffff;
        }
    }

    .list{
        width: 100vw;
        margin-top: 20px;
        .fang1{
              display: flex;
              width: 374px;
              height: 100px;
              background-color: #ffffff;
              align-items: center; /* 垂直居中对齐 */
              .tou{
                margin-top: 10px;
                width: 40px;
                height: 40px;
                border-radius: 50%;
                margin-left: 10px;
              }
        }
        
        /* 医生信息区域样式 */
        .doctorInfo {
          flex: 1; /* 占据剩余空间 */
          margin-left: 10px;
        }
        
        /* 按钮容器样式 - 固定宽度让按钮对齐 */
        .buttonWrapper {
          width: 80px; /* 固定宽度 */
          text-align: right; /* 右对齐 */
          margin-left: 10px;
        }
    }
}